#!/bin/bash

# 设置教程目录
TUTORIAL_DIR="/Users/changpengcheng/mobile2025/docs-zh-cn-main/src/tutorial/src"

# 基本模板内容
APP_TEMPLATE_HTML="<div>
  <h1>{{ msg }}</h1>
</div>"

APP_STYLE_CSS="h1 {
  color: #42b983;
}"

APP_OPTIONS_JS="export default {
  data() {
    return {
      msg: 'Hello Vue!'
    }
  }
}"

APP_COMPOSITION_JS="import { ref } from 'vue'

export default {
  setup() {
    const msg = ref('Hello Vue!')
    return {
      msg
    }
  }
}"

CHILD_TEMPLATE_HTML="<div class=\"child\">子组件</div>"

CHILD_OPTIONS_JS="export default {
  // 子组件选项式API
}"

CHILD_COMPOSITION_JS="import { ref } from 'vue'

export default {
  // 子组件组合式API
  setup() {
    return {}
  }
}"

# 遍历所有步骤目录
for step_dir in "$TUTORIAL_DIR"/step-*; do
  step_name=$(basename "$step_dir")
  echo "处理 $step_name..."
  
  # 确保App目录存在
  mkdir -p "$step_dir/App"
  
  # 创建App目录下的文件
  echo "$APP_TEMPLATE_HTML" > "$step_dir/App/template.html"
  echo "$APP_STYLE_CSS" > "$step_dir/App/style.css"
  echo "$APP_OPTIONS_JS" > "$step_dir/App/options.js"
  echo "$APP_COMPOSITION_JS" > "$step_dir/App/composition.js"
  
  # 确保ChildComp目录存在
  mkdir -p "$step_dir/ChildComp"
  
  # 创建ChildComp目录下的文件
  echo "$CHILD_TEMPLATE_HTML" > "$step_dir/ChildComp/template.html"
  echo "$CHILD_OPTIONS_JS" > "$step_dir/ChildComp/options.js"
  echo "$CHILD_COMPOSITION_JS" > "$step_dir/ChildComp/composition.js"
  
  # 确保_hint目录存在
  mkdir -p "$step_dir/_hint"
  
  # 如果_hint目录下没有文件，创建一个空的index.html
  if [ ! -f "$step_dir/_hint/index.html" ]; then
    echo "<div></div>" > "$step_dir/_hint/index.html"
  fi
  
  # 确保description.md文件存在（但不修改内容）
  if [ ! -f "$step_dir/description.md" ]; then
    echo "# ${step_name} 描述" > "$step_dir/description.md"
    echo "这里是${step_name}的描述内容，请自行修改。" >> "$step_dir/description.md"
  fi
done

echo "所有步骤目录重构完成！"
